<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Zoff</title>
    <link rel="stylesheet" href="/zoff/css/reset.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.2/css/swiper.min.css">
    <link rel="stylesheet" href="/zoff/css/common.css">
    <link rel="stylesheet" href="/zoff/css/index.css">
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.2/js/swiper.min.js"></script>
</head>

<body>
    <div class="container">
        <!-- 头部 -->
        @include('header')

        <div class="recommend">
            <ul class="recommend_ul">
                <li><a href="#series">系列推荐</a></li>
                <li><a href="#lens">镜片推荐</a></li>
                <li><a href="#commodity">商品推荐</a></li>
                <li><a href="#shop">店铺推荐</a></li>
                <li><a href="#quality">质量推荐</a></li>
                <li><a href="#qa">Q&A</a></li>
            </ul>
            <!-- Swiper -->
            <div class="swiper-container swiper1">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="/zoff/image/s1.png">
                    </div>
                    <div class="swiper-slide">
                        <img src="/zoff/image/s2.png">
                    </div>
                    <div class="swiper-slide">
                        <img src="/zoff/image/s3.png">
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="i-content">
            <div class="i-content-wrap">
                <div class="i-intro">
                    <div class="i-video">
                        <img src="/zoff/image/v.png">
                    </div>
                    <div class="i-p">
                        <p>Zoff眼镜成立于2001年日本东京，隶属于日本INTERMESTIC株式会社。 目前在日本已有200余家店铺，是日本家喻户晓的眼睛品牌。2010年1月Zoff正式进驻中国。</p>
                        <p>为了让所有的人都能享受到眼镜带来的多样生活方式和时尚选择，Zoff推出了包含镜架+标准镜片380元/580元/780元/980元的套餐价格，以及最短30分钟即可完成眼睛的服务。</p>
                        <p>Zoff的眼镜产品线覆盖基本款、潮流款、商务款等，适合不同性别、各个年龄层。每月2次，约100余款的新品上新，时时刻刻为顾客带带来新的时尚潮流风向。</p>
                    </div>
                </div>

                <div class="banner-ad-1" id="series">
                    <img src="/zoff/image/banner-1.png">
                    <div class="banner-ad-intro">
                        <h3 class="banner-ad-intro-title">Zoff SMART</h3>
                        <div class="banner-ad-intro-p">
                            <p>150小时、40多道工序才能制成模具 </p>
                            <p>运用更轻、更柔韧、更耐久的</p>
                            <p>“ULTEM”（工业塑料）材质</p>
                            <p>上市至今销量突破400万副的</p>
                        </div>
                        <div class="banner-ad-glasses">
                            <div class="banner-ad-glass">
                                <a href="#">
                                    <img src="/zoff/image/b-1-1.png">
                                </a>
                                <div>
                                    <a href="#">男士</a>
                                </div>
                            </div>
                            <div class="banner-ad-glass">
                                <a href="#">
                                    <img src="/zoff/image/b-1-2.png">
                                </a>
                                <div>
                                    <a href="#">女士</a>
                                </div>
                            </div>
                            <div class="banner-ad-glass">
                                <a href="#">
                                    <img src="/zoff/image/b-1-3.png">
                                </a>
                                <div>
                                    <a href="#">儿童</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="banner-ad-1">
                    <img src="/zoff/image/banner-2.png">
                    <div class="banner-ad-intro">
                        <h3 class="banner-ad-intro-title">Zoff METAL</h3>
                        <div class="banner-ad-intro-p">
                            <p> 轻盈时尚的金属框系列</p>
                            <p>金属质感搭配人气框型</p>
                            <p>打造潮流复古造型</p>
                            <p>商务，休闲等场合均适合佩戴</p>
                        </div>
                        <div class="banner-ad-glasses">
                            <div class="banner-ad-glass">
                                <a href="#">
                                    <img src="/zoff/image/b-2-1.png">
                                </a>
                                <div>
                                    <a href="#">男士</a>
                                </div>
                            </div>
                            <div class="banner-ad-glass">
                                <a href="#">
                                    <img src="/zoff/image/b-2-2.png">
                                </a>
                                <div>
                                    <a href="#">女士</a>
                                </div>
                            </div>
                            <div class="banner-ad-glass">
                                <a href="#">
                                    <img src="/zoff/image/b-2-3.png">
                                </a>
                                <div>
                                    <a href="#">儿童</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="banner-ad-1">
                    <img src="/zoff/image/banner-3.png">
                    <div class="banner-ad-intro">
                        <h3 class="banner-ad-intro-title">Zoff CLASSIC</h3>
                        <div class="banner-ad-intro-p">
                            <p>复古镜框</p>
                            <p>毋庸置疑的经典款式</p>
                            <p>融合个性设计与优质材质于一体</p>
                            <p>不会随着时间的变化而被人遗忘</p>
                        </div>
                        <div class="banner-ad-glasses">
                            <div class="banner-ad-glass">
                                <a href="#">
                                    <img src="/zoff/image/b-3-1.png">
                                </a>
                                <div>
                                    <a href="#">男士</a>
                                </div>
                            </div>
                            <div class="banner-ad-glass">
                                <a href="#">
                                    <img src="/zoff/image/b-3-2.png">
                                </a>
                                <div>
                                    <a href="#">女士</a>
                                </div>
                            </div>
                            <div class="banner-ad-glass">
                                <a href="#">
                                    <img src="/zoff/image/b-3-3.png">
                                </a>
                                <div>
                                    <a href="#">儿童</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="banner-ad-1">
                    <img src="/zoff/image/banner-4.png">
                    <div class="banner-ad-intro">
                        <h3 class="banner-ad-intro-title">Zoff SUNGLASSES</h3>
                        <div class="banner-ad-intro-p">
                            <p>太阳镜新品 </p>
                            <p>色彩乐园 型格示范</p>
                            <p>两用太阳镜，彩色、透明款太阳镜</p>
                            <p>满足个性需求 380元起</p>
                        </div>
                        <div class="banner-ad-glasses">
                            <div class="banner-ad-glass">
                                <a href="#">
                                    <img src="/zoff/image/b-4-1.png">
                                </a>
                                <div>
                                    <a href="#">男士</a>
                                </div>
                            </div>
                            <div class="banner-ad-glass">
                                <a href="#">
                                    <img src="/zoff/image/b-4-2.png">
                                </a>
                                <div>
                                    <a href="#">女士</a>
                                </div>
                            </div>
                            <div class="banner-ad-glass">
                                <a href="#">
                                    <img src="/zoff/image/b-4-3.png">
                                </a>
                                <div>
                                    <a href="#">儿童</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="banner-ad-2">
                    <h3>合作款</h3>
                    <div class="banner-ad-2-glasses">
                        <div class="banner-ad-2-item">
                            <a href="#">
                                <img src="/zoff/image/c-1.png">
                            </a>
                            <div class="banner-ad-2-intro">
                                <p>“I'M ANDY WARHOL”系列</p>
                                <p>安迪・沃霍尔合作款</p>
                                <p>近距离体验波普艺术大师魅力的潮流款</p>
                            </div>
                        </div>
                        <div class="banner-ad-2-item">
                            <a href="#">
                                <img src="/zoff/image/c-2.png">
                            </a>
                            <div class="banner-ad-2-intro">
                                <p>Zoff x Matsushima Shin系列</p>
                                <p>设计师松岛绅合作款</p>
                                <p>考究材质，追求品质，凝结匠人精神的款式</p>
                            </div>
                        </div>
                    </div>

                    <div class="banner-ad-2-more">
                        <a href="#">了解更多合作款</a>
                    </div>
                </div>
                <div class="banner-ad-2">
                    <h3>防蓝光套装</h3>
                    <div class="banner-ad-2-glasses">
                        <div class="banner-ad-2-item">
                            <a href="#">
                                <img src="/zoff/image/c-4.png">
                            </a>
                            <div class="banner-ad-2-intro">
                                <p>Zoff PC CLEAR PACK</p>
                                <p>PC套装眼镜</p>
                                <p>造型简约流畅</p>
                                <p>即选即用，令选择更便利</p>
                            </div>
                        </div>
                        <div class="banner-ad-2-item">
                            <a href="#">
                                <img src="/zoff/image/c-3.png">
                            </a>
                            <div class="banner-ad-2-intro">
                                <p>Zoff PC Piske&Usagi</p>
                                <p>P助与兔兔合作款</p>
                                <p>与“kanahei”合作企划</p>
                                <p>搭载蓝光透射比约78.9%的镜片</p>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="banner-ad-2-more">
                            <a href="#" >了解更多合作款</a>
                        </div> -->
                </div>
                <div class="banner-ad-2" id="lens">
                    <h3>镜片推荐</h3>
                    <div class="banner-ad-2-glasses">
                        <div class="banner-ad-2-item">
                            <a href="#">
                                <img src="/zoff/image/c-5.png">
                            </a>
                            <div class="banner-ad-2-intro">
                                <p>Zoff PC</p>
                                <p>防蓝光 更护眼</p>
                                <p>可减弱屏幕散发出的蓝光</p>
                                <p>适合经常看手机电脑的人佩戴</p>
                            </div>
                        </div>
                        <div class="banner-ad-2-item">
                            <a href="#">
                                <img src="/zoff/image/c-6.png">
                            </a>
                            <div class="banner-ad-2-intro">
                                <p>Zoff Hard Coat</p>
                                <p>耐磨镜片</p>
                                <p>减少镜片划伤，污染</p>
                                <p>同时具有防紫外线，防灰尘吸附等功能</p>
                            </div>
                        </div>
                    </div>
                    <div class="banner-ad-2-more">
                        <a href="#">了解更多镜片</a>
                    </div>
                </div>
                <div class="banner-ad-3" id="commodity">
                    <h3>男士商品推荐</h3>
                    <div class="swiper-container swiper2">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="/zoff/image/i-s.png">
                            </div>
                            <div class="swiper-slide">
                                <img src="/zoff/image/i-s.png">
                            </div>
                            <div class="swiper-slide">
                                <img src="/zoff/image/i-s.png">
                            </div>
                        </div>
                        <!-- Add Arrows -->
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                    </div>
                    <div class="banner-ad-3-more">
                        <a href="#">了解更多男士商品</a>
                    </div>
                </div>
                <div class="banner-ad-3">
                    <h3>女士商品推荐</h3>
                    <div class="swiper-container swiper2">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="/zoff/image/i-s.png">
                            </div>
                            <div class="swiper-slide">
                                <img src="/zoff/image/i-s.png">
                            </div>
                            <div class="swiper-slide">
                                <img src="/zoff/image/i-s.png">
                            </div>
                        </div>
                        <!-- Add Arrows -->
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                    </div>
                    <div class="banner-ad-3-more">
                        <a href="#">了解更多女士商品</a>
                    </div>
                </div>
                <div class="dynamic" id="shop">
                    <h3>店铺动态</h3>
                    <div class="dynamic-list">
                        <div class="single-dynamic">
                            <a href="#">
                                <img src="/zoff/image/d-1.png">
                                <div class="dynamic-intro">
                                    <div class="open-tiem">
                                        <span>2018-11-25</span>
                                        <span>新店开业</span>
                                    </div>
                                    <div>
                                        <p>[11/30 NEW OPEN] Zoff(佐芙)眼镜上海长风大悦 城店盛大开业！</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="single-dynamic">
                            <a href="#">
                                <img src="/zoff/image/d-2.png">
                                <div class="dynamic-intro">
                                    <div class="open-tiem">
                                        <span>2018-11-25</span>
                                        <span>新店开业</span>
                                    </div>
                                    <div>
                                        <p>[11/30 NEW OPEN] Zoff(佐芙)眼镜上海长风大悦 城店盛大开业！</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="single-dynamic">
                            <a href="#">
                                <img src="/zoff/image/d-3.png">
                                <div class="dynamic-intro">
                                    <div class="open-tiem">
                                        <span>2018-11-25</span>
                                        <span>新店开业</span>
                                    </div>
                                    <div>
                                        <p>[11/30 NEW OPEN] Zoff(佐芙)眼镜上海长风大悦 城店盛大开业！</p>
                                    </div>
                                </div>
                            </a>
                        </div>


                    </div>
                    <div class="dynamic-more">
                        <a href="#">了解更多店铺动态</a>
                        <a href="#">查看店铺列表</a>
                    </div>
                </div>
                <div class="banner-ad-3" id="quality">
                    <img src="/zoff/image/ad-3.png">
                    <div class="banner-ad-3-content">
                        <div class="banner-ad-3-aside">
                            <div class="banner-ad-3-intro">
                                <h3>Zoff佐芙的套餐价格</h3>
                                <p>含标准镜片的镜架价格</p>
                                <p>380元/580元/780元/980元</p>
                            </div>
                            <div class="banner-ad-3-a">
                                <a href="#">关于Zoff</a>
                            </div>
                        </div>
                        <div class="banner-ad-3-aside">
                            <div class="banner-ad-3-intro">
                                <h3>一年质保 贴心服务</h3>
                                <p>镜架享1年质保服务</p>
                                <p>镜片享6个月内免费更换度数服务</p>
                                <p>完善的售后服务令选择更安心</p>
                            </div>
                            <div class="banner-ad-3-a">
                                <a href="#">关于质保</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        @include('footer')
    </div>
</body>

<script src="/zoff/js/common.js"></script>
<script src="/zoff/js/index.js"></script>

</html>
